  

    
    .pbanner {
        margin-top: 6px;
        width: 100%;
        height: 593px;
        background: no-repeat center top;
    }
    
    /* .nav ul {
        background-color: rgb(236, 236, 236);
        color: #444444;
        font-size: 16px;
        display: block;
        padding: 10px 5px;
        text-align: center;
    } */


    .nav{
        display: flex;
        justify-content: center;
        padding: 10px 0;
        color: #2a333c;
        background-color: #f5f5f5;
    }

    .nav a{
        height: 35.14px;
        padding: 9px 12px;
        float: left;
        text-align: center;
        font-size: 16px;
        text-decoration: none;    
        color: #2a333c;
    }
    
    .search {
        background-color: rgb(236, 236, 236);
        text-align: center;
        padding: 5px;
    }
    
    .search .content {
        border-radius: 200px;
    }
    
    .search input {
        background: #f3f7f9;
        box-shadow: none;
        width: 345px;
        height: 25px;
        border: 1px solid #bfbfbf;
        color: #bfbfbf;
        font-size: 14px;
    }
    
    .search button {
        width: 50px;
        height: 25px;
        padding-top: 2px;
        font-size: 14px;
        border: 0;
    }
    
    .picture {
        
        height: 400px;
    }
    
    .picture a {
        font-size: 16px;
        color: #5a5a5a;
        text-decoration: none;
        display: block;
    }
    
    .pic1 {
        position: relative;
        float: left;
        margin: 30px 90px;
        margin-right: 30px;
        border-bottom: 1px #ccc solid;
    }

    .pic1::after{
        position: absolute;
        content: "";
        display: block;
        border-bottom: 1px solid #000;
        width: 10px;
        bottom:-1px;
        transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }

    .pic1:hover::after{
        width: 100%;
    }

    
    
    .bottomup,
    .bottomdown {
        width: 90px;
        height: 35px;
        background-color: #ffffff;
        float: left;
        color: rgb(178, 178, 178);
        border: 1px solid #d9dfe0;
    }
    
    .pagetext {
        width: 50px;
        height: 35px;
        display: block;
        float: left;
        text-align: center;
        margin: 0 auto;
        color: #f3f7f9;
    }
    
    footer {
        width: 100%;
        height: 254.8px;
        text-align: center;
        font-size: 14px;
        padding: 20px 0;
        line-height: 1.8;
        background-color: #f5f5f5;
    }
    
    footer .line1 {
        margin-top: 60px;
    }
    
    footer .line3 {
        margin: 0 0 14px;
    }
    
    footer .line4 {
        color: #848484;
    }
    
    footer a {
        display: inline-block;
        margin: 0 10px;
        text-decoration: #000;
        font-weight: bold;
    }
    
    footer a:hover {
        text-decoration: none;
    }



    /* .button{
        margin: 0 auto;
        width: 335px;
    } */

    .pager{
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none;
    }

    .pager a{
        display: inline-block;
        width: 50px;
        text-decoration: none;
    }